<!--suppress ALL -->
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 产品管理 <span class="c-gray en">&gt;</span> 产品列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
    <div class="Hui-article">
        <div >
            <div class="cl pd-20">
                <div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" onclick="product_add('添加商品','add')" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加商品</a></span> <span class="r">共有数据：<strong>54</strong> 条</span> </div>
                <!--<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius"  href="create.html"><i class="Hui-iconfont">&#xe600;</i> 添加商品</a></span> <span class="r">共有数据：<strong>54</strong> 条</span> </div>-->
                <div class="mt-20">
                    <table class="table table-border table-bordered table-bg table-hover table-sort">
                        <thead>
                        <tr class="text-c">
                            <th width="40"><input name="" type="checkbox" value=""></th>
                            <th width="40">ID</th>
                            <th width="60">分类</th>
                            <th width="60">缩略图</th>
                            <th width="120">产品名称</th>
                            <th>描述</th>
                            <th width="80">单价</th>
                            <th width="60">发布状态</th>
                            <th width="100">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {foreach $data as $val}
                        <!--分类id-->
                        <input type="hidden" name="goods_class" value="{$val.goods_class}">
                        <input type="hidden" name="goods_brand" value="{$val.goods_brand}">
                        <tr class="text-c va-m">
                            <td><input name="checkid" type="checkbox" value="{$val.id}"></td>
                            <td>{$val.id}</td>
                            <td class="text-l text-overflow">{$val.catname}</td>
                            <td><a onClick="product_show('{$val.goods_name}','detail/id/{$val.id}')" href="javascript:;"><img width="60" class="product-thumb" src="__UPLOAD__goods_pic/{$val.goods_pic}"></a></td>
                            <td class="text-l"><a style="text-decoration:none" onClick="product_show('{$val.goods_name}','detail/id/{$val.id}')" href="javascript:;"><b class="text-success">{$val.brand_name}</b> {$val.goods_name}</a></td>

                            <td class="text-l text-overflow">{$val.goods_overview}</td>
                            <td><span class="price">{$val.goods_price}</span> 元/{$val.goods_unit}</td>
                            <td class="td-status">
                        {if $val.goods_status == '上架'}
                                <span class="label label-success radius">已启用</span></td>
                            <td class="td-manage">
                                <a style="text-decoration:none" onClick="product_stop(this,'{$val.id}')" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>
                        {else $val.goods_status == '下架'}
                                <span class="label label-defaunt radius">已下架</span></td>
                            <td class="td-manage">
                                <a style="text-decoration:none" onClick="product_start(this,'{$val.id}')" href="javascript:;" title="上架"><i class="Hui-iconfont">&#xe603;</i></a>
                        {/if}
                                <a style="text-decoration:none" class="ml-5" onClick="product_edit('产品编辑','{:url(\'edit\',array(\'id\'=>$val[\'id\']))}')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a>

                                <a style="text-decoration:none" class="ml-5" onClick="product_del(this,'{$val.id}','{$val.goods_pic}')" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a>

                            </td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
</section>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/static/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/static/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/static/admin/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/static/admin/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            {"orderable":false,"aTargets":[0,7]}// 制定列不参与排序
        ]
    });
    /*商品-添加*/
    function product_add(title,url){
        $.get(url,{},function (data) {
            if(data.code==0){
                layer.msg(data.msg, {icon: 2, time: 1000});
            }else{
                var index = layer.open({
                    type: 2,
                    title: title,
                    content: url
                });
                layer.full(index);
            }
        })

    }
    /*图片-查看*/
    function product_show(title,url){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*商品-审核*/
    function product_shenhe(obj,id){
        layer.confirm('审核文章？', {
                btn: ['通过','不通过'],
                shade: false
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                $(obj).remove();
                layer.msg('已发布', {icon:6,time:1000});
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                $(obj).remove();
                layer.msg('未通过', {icon:5,time:1000});
            });
    }
    /*商品-下架*/
    function product_stop(obj,id){
        layer.confirm('确认要停用吗？', function (index) {
            //请求控制器进行状态的变更
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id': id},//附加参数
                'async': true,//异步操作
                'url': "{:url('stop')}",//服务器端页面
//            'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success: function (data) {
                    if(data.status==0){
                        $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_start(this,'+data.id+')" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
                        $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
                        $(obj).remove();
                        layer.msg(data.msg,{icon: 5,time:1000});
                    }else{
                        layer.msg(data.msg,{icon: 5,time:1000});
                    }

                },
                //Ajax 发送失败
                error: function (data) {
                    layer.msg(data.msg,{icon: 5,time:1000});
                }
            })
            //此处请求后台程序，下方是成功后的前台处理……
        });
    }
    /*商品-发布*/
    function product_start(obj,id){
            layer.confirm('确认要上架吗？',function(index){
                //此处请求后台程序，下方是成功后的前台处理……
                $.ajax({
                    'type':'post',//请求的方式
                    'data':{'id':id},//附加参数
                    'async':true,//异步操作
                    'url':"{:url('start')}",//服务器端页面
//            'dataType':"json",//响应数据类型
                    //接受响应数据的匿名函数
                    success:
                        function (data){
                            if(data.status==0){
                                $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_stop(this,'+data.id+')" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
                                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                                $(obj).remove();
                                layer.msg(data.msg,{icon: 6,time:1000});
                            }else{
                                layer.msg(data.msg,{icon: 5,time:1000});
                            }

                        },
                    //Ajax 发送失败
                    error:
                        function(data){
                            layer.msg(data.msg,{icon: 5,time:1000});
                        }
                });
            });
    }
    /*图片-申请上线*/
    function product_shenqing(obj,id){
        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
        $(obj).parents("tr").find(".td-manage").html("");
        layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
    }
    /*图片-编辑*/
    function product_edit(title,url){
        $.get(url,{},function (data) {
            if(data.code==0){
                layer.msg(data.msg, {icon: 2, time: 1000});
            }else{
                var index = layer.open({
                    type: 2,
                    title: title,
                    content: url
                });
                layer.full(index);
            }
        })
    }
    /*单个商品-删除*/
    function product_del(obj,id,path){
        layer.confirm('确认要删除吗？',function(index){
            //进行商品的数据库删除
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'id':id,'path':path},//附加参数
                'async': true,//异步操作
                'url': "{:url('goods/delete')}",//服务器端页面
                'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 0){
                            $(obj).parents("tr").remove();
                            layer.msg(data.msg, {icon: 1, time: 1000});
                        }else{
                            layer.msg(data.msg, {icon: 2, time: 1000});
                            //location.reload(); //刷新父页面
                        }
                    },
                error:
                    function (data) {
                        layer.msg(data.msg, {icon: 2, time: 1000});
                    }
            });
        });
    }
    //多选商品的批量删除
    function  datadel(){
        var checkedNum = $("input[name='checkid']:checked").length;
        if(checkedNum == 0) {
            layer.msg("请选择至少一项！");
            return;
        }
        layer.confirm('确认要删除这些商品吗？',function(index){
            var checkedList = new Array();
            $("input[name='checkid']:checked").each(function() {
                checkedList.push($(this).val());
            });
            //找到选中的选项
            var check = $("input[name='checkid']:checked");
            $.ajax({
                'type': 'post',//请求的方式
                'data': {'ids':checkedList.toString()},//附加参数
                'async': true,//异步操作
                'url': "{:url('goods/datadel')}",//服务器端页面
                'dataType':"json",//响应数据类型
                //接受响应数据的匿名函数
                success:
                    function (data) {
                        if(data.status == 0){
                            check.parents("tr").remove();
                            layer.msg(data.msg, {icon: 1, time: 1000});
                        }else{
                            layer.msg(data.msg, {icon: 2, time: 1000});
                            //location.reload(); //刷新父页面
                        }
                    },
                error:
                    function () {
                    }
            });
        })
    }
    $('.layui-layer-setwin').click(function(){
        alert("获取到了页面要关闭的事件了！");
    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
